@charset "utf-8";
.backward {


}

li.shipping {
    border-bottom: none;
    padding: 0;
}


.fas.fa-envelope-square {
    color: #0C7B60;
    margin-left: 8px;
    font-size: large;
}

li.tax {
    grid-area: tax;
    border-bottom: solid 1px #ccc;
    padding: 0 0 .5em 0;
    color: #420506;
    font-style: italic;
    font-size: medium;
}
.btn.btn img {
    width: auto;
    margin-left: 22px;
    margin-right: 19px;
    padding-top: 34px;
    padding-right: 0px;
    margin-bottom: 49px;
    padding-left: 0px;
}


.welcome2 div p {
    height: 48px;
    padding-left: 13px;
}

.extra li {
    display: inline-block;
    padding-right: 1em;
9 o7t8cxe41A2D}
.extra li:last-of-type {
    padding-right: 0;
}

.personalInfo {
    margin-top: 1em;
    list-style-image: none;
    padding-left: 10px;
    background-image: url(url);
}

section.paymentDetails {
    padding-top: 1.5em;
}
.welcome2 section {
     
}
/* labels do pagamento*/
fieldset p:first-of-type {
    margin-bottom: 1.5em;
}


.billingAddress.customRadioBtn label.radioLabel {
    border-bottom: none;
    margin-bottom: 0;
    color: #4F1409;
}

/* legal links */
.extra ul {
    font-size: 0em;
    border-top: solid 1px #d8d8d8;
    display: inline-block;
    padding-top: 0.8em;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0.8em;
}
.extra li {
    display: inline-block;
    margin-top: 23px;
    margin-bottom: 10px;
    margin-right: 13px;
}
.extra li:last-of-type {
    padding-right: 0;
}
.extra a {
    text-decoration: none;
}
.backward section .fooetr.extra {
    padding-top: 7px;
    padding-left: 6px;
    padding-bottom: 11px;
}



/* ADD Helptip CSS rules */
/* helper text */
.fieldAndHelper {
    position: relative;
}

.helperText {
    background-color: #e2fcfd;
    border: 1px solid #064547;
    border-radius: 6px;
    font-family: 'Open Sans', sans-serif;
    color: #333;
    padding: 1em .75em .5em;
    font-size: 1em;
    position: absolute;
    top: -162px;
    right: -17px;
    width: 815%;
}

.helperText i.fas.fa-caret-down {
    position: absolute;
    right: 20px;
    bottom: -9px;
    color: #26A3A8;
}

.helperText i.fas.fa-times-circle.close {
    position: absolute;
    right: -9px;
    top: -7px;
    color: #26a3a8;
}

 .hide { display: none;}
.show {display: block;}

#diffAddress {
    display: none;
}


/* CUSTOM RADIO BUTTONS */
.customRadioBtn {
    max-width: 505px;
    font-style: normal;
    font-weight: 100;
}

.customRadioBtn label.radioLabel { /* style the radio buttons labels */
    display: flex; /* so we can position shipping price to far right */
    margin-bottom: .5em;
    position: relative;
    padding-top: 4px;
    padding-left: 30px;
    letter-spacing: normal;
    color: #104E3F;
    font-size: 1em;
    border-bottom: solid 1px #e5e5e5;
    padding-bottom: .5em;
}

.customRadioBtn input+span { /* create the outer circles for the radio buttons */
    position: absolute;
    left: 2px;
    top: 4px;
    width: 20px;
    height: 20px;
    background-color: #C4CFCA;
    border: 2px solid #dfe5e9;
    border-radius: 50%;
}

.customRadioBtn input+span:after { /* style the inner circles for the radio buttons (selected state) */
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 0px;
	height: 0px;
	border-radius: 50%;
	background-color: #585858;
	transform: translate(-50%, -50%);
	transition: 0.2s all;
}
.customRadioBtn strong { 
    text-align: right;
    margin-left: auto;
}

.customRadioBtn input:not(:checked)+span:after {
	opacity: 0;
}

.customRadioBtn input:checked+span:after {
	opacity: 1;
	width: 10px;
	height: 10px;
}
/* END CUSTOM RADIO BUTTONS */

@media (min-width: 400px){
}

 



@media (min-width: 420px){
}



@media (max-width: 457px){
	.item ul {
    grid-area: l;
    list-style: none;
}

	
}


@media screen and (min-width:660px) {
    
    .paymentDetails {
        grid-area: pay;
    }
	
	 section {
    padding: .5em 1em;
    }
.footer2 {
    background-image: -webkit-linear-gradient(270deg,rgba(20,198,197,0.51) 0%,rgba(52,214,233,0.36) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(20,198,197,0.51) 0%,rgba(52,214,233,0.36) 100%);
    background-image: -o-linear-gradient(270deg,rgba(20,198,197,0.51) 0%,rgba(52,214,233,0.36) 100%);
    background-image: linear-gradient(180deg,rgba(20,198,197,0.51) 0%,rgba(52,214,233,0.36) 100%);
}

    #ship header#pgHeader {
        grid-area: ph;
    }

    .shipping {
        grid-area: ship;
    }
    .personalInfo {
    max-width: 550px;
    color: #370607;
    list-style-image: none;
    }
#shippingSame   {
    margin-right: 39px;
    padding-left: 0px;
}

}


 

.customRadioBtn input[type="radio"] { /* hide the default radio buttons, this will allow us to make our own */
	position: absolute !important;
	margin-left: -9999px !important;
	visibility: hidden !important;
}